/* 头部样式 */
@import '../../sass/variables';
@import '../../sprites/sprite_commonIcon';
.banner{
    float: right;
    width: 980px;
    height: 200px;
    border: 1px solid $gray;
    .slideBox{ width:980px; height:200px; overflow:hidden; position:relative; border:1px solid $gray_lighter;  }
    .slideBox .hd{ height: 15px; overflow: hidden; position: absolute; left: 0; width:100%; text-align:center; bottom: 0px; z-index: 1; }
    .slideBox .hd ul{ overflow:hidden; zoom:1; display: none\9;  }
    .slideBox .hd ul li{ display:inline-block; margin-right: 4px; border-radius:50%; width: 8px; height: 8px; line-height: 14px; text-align: center; background: $gray_lighter; cursor: pointer; }
    .slideBox .hd ul li.on{ background: $text_muted; color:$white; }
    .slideBox .bd{ position:relative; height:100%; z-index:0;   }
    .slideBox .bd li{ zoom:1; vertical-align:middle; }
    .slideBox .bd img{ width:980px; height:200px; display:block;  }

    /* 下面是前/后按钮代码，如果不需要删除即可 */
    .slideBox .prev,
    .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px;  filter:alpha(opacity=50);opacity:0.5;   }
    .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
    .slideBox .prev:hover,
    .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
    .slideBox .prevStop{ display:none;  }
    .slideBox .nextStop{ display:none;  }
}

.notice{
    float: right;
    margin-top: 10px;
    padding: 0 10px;
    width: 962px;
    height: 40px;
    line-height: 40px;
    background: $white;
    &:before{
        content: "";
        display: inline-block;
        margin-right: 5px;
        margin-top: 13px;
        vertical-align: top;
        @include sprite($notice2);
    }
    span{
        padding: 0 5px;
        color: $text_color;
    }
}
